.box {
    width: 100vw;
    height: 100vh;
    position:relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    animation-name: homeboth;
    animation-duration:1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    background-size: cover;
    background-repeat: no-repeat;
}

@keyframes homeboth {
    0% {
        transform: scale(500%);
        opacity: 0;
    }

    100% {
        transform: scale(100%);
        opacity: 1;
    }

}